
<?php
$this->breadcrumbs=array(
	'Event Category'=>array('event_category'),
	'Create',
);
?>

<div class="page-header position-relative">
	<h1>
		Create Event Category
	</h1>
</div>
<div class="row-fluid">
	<div class="span12">
		<!--PAGE CONTENT BEGINS-->
		<?php
		$form = $this->beginWidget('CActiveForm', array(
			'id' => 'category-form',
//            'enableAjaxValidation' => false,
			'enableClientValidation' => true,
			'htmlOptions' => array(
				'class' => 'form-horizontal',
				'enctype' => 'multipart/form-data'
				),
			));
		?>
			<div class="control-group">
				<?php echo $form->label($model,'name',array('class' => 'control-label')); ?>
				<!-- <label class="control-label" for="form-field-1">Text Field</label> -->

				<div class="controls">
					<?php echo $form->textField($model, 'name', array('size' => 60, 'maxlength' => 255,'class'=>'span5','placeholder' => 'English Name')); ?>
                	<span class="help-inline"><?php echo $form->error($model, 'name'); ?></span>
				</div>
			</div>
			<div class="control-group">
				<?php echo $form->label($model,'vi_name',array('class' => 'control-label')); ?>
				<!-- <label class="control-label" for="form-field-1">Text Field</label> -->

				<div class="controls">
					<?php echo $form->textField($model, 'vi_name', array('size' => 60, 'maxlength' => 255,'class'=>'span5','placeholder' => 'Vietnamese Name')); ?>
                	<span class="help-inline"><?php echo $form->error($model, 'vi_name'); ?></span>
				</div>
			</div>
			
			<div class="control-group">
				<?php echo $form->label($model,'status',array('class' => 'control-label')); ?>
				<!-- <label class="control-label" for="form-field-1">Text Field</label> -->

				<div class="controls">
					<select class="span3" name="EventCategory[status]">
						<!-- <option value="hot" selected="selected">Hot</option> -->
						<option selected="selected" value="0">Active</option>
						<option value="1">Inactive</option>
					</select>
                	<span class="help-inline"><?php echo $form->error($model, 'status'); ?></span>
				</div>
			</div>
			<div class="control-group">
				<?php echo $form->label($model,'description',array('class' => 'control-label')); ?>

				<div class="controls">
					<?php echo $form->textField($model, 'description', array('size' => 60, 'maxlength' => 255,'class'=>'span5','placeholder' => 'Description of category')); ?>
                	<span class="help-inline"><?php echo $form->error($model, 'description'); ?></span>
				</div>
			</div>
			<div class="control-group">
				<label class="control-label"> Icon
					<span class="help-button" data-rel="popover" data-trigger="hover" data-placement="left" data-content="
                        Size Icon     : 40 x 40                               
                    " title="Size">?</span>  
				</label>
                <div class="controls">                    
                    <div class="span5">
                        <input type="file" id="id-input-file-3" name="EventCategory[icon]" />
                        <label>
                            <input type="checkbox" name="file-format" id="id-file-format" />
                            <span class="lbl"> Allow only images</span>
                        </label>
                    </div>
                </div>   
            </div>
			<div class="control-group">
				<?php echo $form->label($model,'priority',array('class' => 'control-label')); ?>

				<div class="controls">
					<?php echo $form->textField($model, 'priority', array('class'=>'span5','placeholder' => 'Priority')); ?>
                	<span class="help-inline"><?php echo $form->error($model, 'priority'); ?></span>
				</div>
			</div>
        
			<div class="form-actions">
				<button class="btn btn-info" type="submit">
					<i class="icon-ok bigger-110"></i>
					Submit
				</button>

				&nbsp; &nbsp; &nbsp;
				<button class="btn" type="reset">
					<i class="icon-undo bigger-110"></i>
					Reset
				</button>
			</div>
		<?php $this->endWidget(); ?>
	</div>
</div>
<style>

    .div1, .div2, .div3{
        float: left;
    }
    .div1 select, .div2 select{
    margin-left: 20px;
    width: 50px;
    }
    
    .div2 label{
        width: 100px !important;
    }
    
    .div3 input{
        width: 200px !important;
    }
    
    .jason{
        display: none;
    }
    
    .add{
        clear: both;
        padding-top: 10px;
    }
    
    .div4 .controls a{
        height: 18px;
        vertical-align: middle;        
    }
    
    .div4 .btn{
        line-height: 0px;
    }
    
</style>